<template>
  <div> 
    <van-tabbar v-model="active" active-color="blue" inactive-color="#000" route="true">
      <van-tabbar-item to="/ms"> <van-icon name="wap-home-o" size="1.5rem" /><p>周边</p></van-tabbar-item>
      <van-tabbar-item to="/four"><van-icon name="manager-o" size="1.5rem" /><p> 我的</p></van-tabbar-item>
    </van-tabbar>
  </div>
  <h2>管理演出方业务</h2>
  <div class="pp">
    <van-button type="danger" @click="c">上架演出</van-button>
    <van-button type="danger" @click="g">上架周边</van-button>  
    <van-button type="danger" @click="e">上架众筹</van-button>
    <van-button type="danger" @click="f">修改或下架商品</van-button>
  </div>
  <h2>系统管理</h2>
  <div class="bb"> 
    <van-button type="danger" @click="p">查看用户反馈</van-button>
    <van-button type="danger" @click="b">发布系统通知</van-button>
  </div>
 
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const active = ref(0);
    return { active };
  },
  methods:{
    p(){
      this.$router.push('../views/Yh')
    },
     c(){
      this.$router.push('../views/Yc')
    },
     b(){
      this.$router.push('../views/Tz')
    },
    g(){
     this.$router.push('../views/SJia')
    },
    e(){
     this.$router.push('../views/ZhongC')
    },
    f(){
     this.$router.push('../views/Xiajia')
    }
  }
};

  </script>
<style lang="scss">
    h2{
      margin-top: 10%;
      font-size: 6vw;
    }
  .pp{
      width: 100%;
      display:flex;
    flex-wrap: wrap;

   .van-button--normal{
  margin-left: 20%;
  width: 60%;
  height: 80px;
  margin-top: 10%;
 
 }

  }
 
 .bb{
  margin-top: 5%;
  width: 100%;
  .van-button--normal{
  margin-top: 10%;
  margin-left: 2%;
  width: 40%;
 }
 }
</style>
